<template>
  <div>
    <MyProduct
      v-for="(obj, index) in list"
      :title="obj.proname"
      :price="obj.proprice"
      :info="obj.info"
      :key="obj.id"
      :index="index"
    ></MyProduct>
  </div>
</template>

<script>
import MyProduct from "./components/MyProduct_13.3";
export default {
  data() {
    return {
      list: [
        {
          id: 1,
          proname: "超级好吃的棒棒糖",
          proprice: 18.8,
          info: "开业大酬宾, 全场8折",
        },
        {
          id: 2,
          proname: "超级好吃的大鸡腿",
          proprice: 34.2,
          info: "好吃不腻, 快来买啊",
        },
        {
          id: 3,
          proname: "超级无敌的冰激凌",
          proprice: 14.2,
          info: "炎热的夏天, 来个冰激凌了",
        },
      ],
    };
  },
  components: {
    MyProduct,
  },
  mounted(){
    this.$bus.$on("send", (index, price)=>{
       let newPrice = this.list[index].proprice;
      newPrice > 1 && (newPrice = this.list[index].proprice - price)
      this.list[index].proprice = parseFloat(newPrice.toFixed(2));
    })
  }
};
</script>

<style>
</style>